<?php

/**
 * @file
 * Default theme implementation to display a single Drupal page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.tpl.php template in this directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $directory: The directory the template is located in, e.g. modules/system
 *   or themes/bartik.
 * - $is_front: TRUE if the current page is the front page.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or
 *   prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 *
 * Navigation:
 * - $main_menu (array): An array containing the Main menu links for the
 *   site, if they have been configured.
 * - $secondary_menu (array): An array containing the Secondary menu links for
 *   the site, if they have been configured.
 * - $breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.tpl.php):
 * - $title_prefix (array): An array containing additional output populated by
 *   modules, intended to be displayed in front of the main title tag that
 *   appears in the template.
 * - $title: The page title, for use in the actual HTML content.
 * - $title_suffix (array): An array containing additional output populated by
 *   modules, intended to be displayed after the main title tag that appears in
 *   the template.
 * - $messages: HTML for status and error messages. Should be displayed
 *   prominently.
 * - $tabs (array): Tabs linking to any sub-pages beneath the current page
 *   (e.g., the view and edit tabs when displaying a node).
 * - $action_links (array): Actions local to the page, such as 'Add menu' on the
 *   menu administration interface.
 * - $feed_icons: A string of all feed icons for the current page.
 * - $node: The node object, if there is an automatically-loaded node
 *   associated with the page, and the node ID is the second argument
 *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * TODO
 *
 * @see template_preprocess()
 * @see template_preprocess_page()
 * @see template_process()
 * @see html.tpl.php
 */
?>
<head>
</head>
<!-- <script src="/misc/jquery.js"></script> -->
<script src="/misc/jquery-ui-1.10.0.custom/js/jquery-1.9.0.js"></script>
<script src="/misc/jquery-ui-1.10.0.custom/js/jquery-ui-1.10.0.custom.js"></script>
<script src="/misc/jquery-migrate-master/jquery-migrate.js"></script> <!-- Script used to migrate deprecated jquery tags for drupal to still work -->
<link href="/misc/jquery-ui-1.10.0.custom/css/smoothness/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css"/>

<script>
   /* var hookScripts = function(url, src)
    {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = url || null;
        s.innerHTML = src || null;
        document.getElementsByTagName("head")[0].appendChild(s);
    };

    if(typeof jquery == 'undefined')
    {
        hookScripts("/misc/jquery-ui-1.10.0.custom/js/jquery-1.9.0.js");
        hookScripts("/misc/jquery-ui-1.10.0.custom/js/jquery-ui-1.10.0.custom.js");
    }*/
</script>

<script>
    $(document).ready(function(){
        $("area").click(function()
        {
            $($(this).attr("href")).dialog("open");
        });

        $(".dialog").dialog({
            autoOpen: false,
            width: '400px'
        });
    });
</script>
<img src="/themes/camkardiniatwo/images/background-image.png" class="background" />

<div id="page-wrapper"><div id="page">

    <?php print $messages; ?>
  
    <div class="main-body-width clearfix">
        <div id="row-header">
            
            <div id="region-title"><div class="section">
                <a href="/"><img src="/themes/camkardiniatwo/images/church-logo.png" /></a>
            </div></div>
           
            <div id="region-sub-logo">
                <span class="space">FAITH</span> | 
                <span class="space">HOPE</span> | 
                <span class="space">LOVE</span>
            </div>
            
            <div id="region-menu-header"><div class="section">
                <?php print render($page['menu_header']); ?>
            </div></div>
            
        </div>
    </div>
    
    <div class="full-page-width clearfix">
        <div id="row-highlight">

            <div id="childcare" class="pull-left">
                <a href="http://childcare.kardinia.org.au/"><img src="/themes/camkardiniatwo/images/childcare_image.png" /></a>
            </div>
           
            <div id="region-menu-highlight" class="main-body-width">
                <div class="section">
                    <?php print render($page['menu_highlight']); ?>
                </div>
            </div>
            
            <div id="playcafe" class="pull-right">
                <a href="http://playcafe.kardinia.org.au/"><img src="/themes/camkardiniatwo/images/playcafe_logo.png" /></a>
            </div>
            
        </div>
    </div>
  
    <div class="main-body-width clearfix">
        <div id="row-body">

            <div class="dialog" id="upcoming" title="Upcoming Events">
                <?php echo render($page['sidebar']); ?>
            </div>
            
            <div class="dialog" id="journal" title="Today's Journal">
                Matthew 2:13
            </div>

            <div id="col-body">
                
                <div id="region-sidebar">
                    <img src="/themes/camkardiniatwo/images/side-buttons.png" usemap="#tabs" />

                    <map name="tabs" id="tabs">
                        <area shape="rect" coords="0,0,40,145" href="#upcoming">
                        <area shape="rect" coords="0,150,40,300" href="#journal">
                    </map>
                </div>

                <div id="region-content-highlight">
                    <div class="section">
                        <?php print render($page['content_highlight']); ?>
                    </div>
                </div>
                
                <div id="region-content">
                    <div class="section">
                        <?php print render($page['content']); ?>
                    </div>
                </div>
            </div>
            
        </div>
    </div>

    <!--- <div id="footer" class="clearfix"><div class="section">
        World of Kardinia: <?php print render($page['footer']); ?>
    </div></div> <!-- /.section, /#footer -->

</div></div> <!-- /#page, /#page-wrapper -->
